<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="./../MasterPage/masterPage.xhtml">
            <br /><br />
            <ui:define name="content">
                <!-- CSS Global Compulsory-->
                <link rel="stylesheet" href="./../css/style.css" />
                <link rel="stylesheet" href="./../css/style_responsive.css" />

                <link rel="shortcut icon" href="favicon.ico" />
                <link rel="stylesheet" href="../css/parallax-slider.css" type="text/css" />

                <!-- JS Global Compulsory -->			
                <script type="text/javascript" src="./../js/jquery-1.8.2.min.js"></script>	
                <script type="text/javascript" src="../js/bootstrap.min.js"></script>	
                <!-- JS Implementing Plugins -->           
                <script type="text/javascript" src="../js/jquery.flexslider-min.js"></script>
                <script type="text/javascript" src="../js/modernizr.js"></script>
                <script type="text/javascript" src="../js/jquery.cslider.js"></script>
                <!-- JS Page Level -->           
                <script type="text/javascript" src="../js/app.js"></script>
                <script type="text/javascript" src="../js/index.js"></script>
                <script type="text/javascript">
                    jQuery(document).ready(function() {
                        App.init();
                        App.initSliders();
                        Index.initParallaxSlider();
                    });
                </script>
                <!--[if lt IE 9]>
                    <script src="assets/js/respond.js"></script>
                <![endif]-->
                <script type="text/javascript">
                    var _gaq = _gaq || [];
                    _gaq.push(['_setAccount', 'UA-29166220-1']);
                    _gaq.push(['_setDomainName', 'htmlstream.com']);
                    _gaq.push(['_trackPageview']);

                    (function() {
                        var ga = document.createElement('script');
                        ga.type = 'text/javascript';
                        ga.async = true;
                        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                        var s = document.getElementsByTagName('script')[0];
                        s.parentNode.insertBefore(ga, s);
                    })();
                </script>                

                <!--=== Slider ===-->
                <div class="slider-inner">
                    <div id="da-slider" class="da-slider">
                        <div class="da-slide">
                            <h2><i>TRANSPORTES</i> <br /> <i>"MERCEDES"</i> <br /></h2>
                            <p><i>Seguridad</i> <br /> <i>Confianza</i> <br /> <i>Confortabilidad</i></p>
                            <div class="da-img"><img src="../images/scania1.png" alt="" /></div>
                        </div>
                        <div class="da-slide">
                            <h2><i>Huamachuco</i> <br /> <i>Turismo</i> <br /> <i>Fiesta</i></h2>
                            <p><i>"Sombrero de Halcón"</i> <br /> <i>clima frío y sol esplendoroso</i></p>
                            <div class="da-img span6">
                                <div class="span6">
                                    <iframe width="420" height="320" src="//www.youtube.com/embed/WO7nFq9w9B0" frameborder="0" allowfullscreen="" webkitallowfullscreen=""></iframe>
                                </div>
                            </div>
                        </div>
                        <div class="da-slide">
                            <h2><i>Empresa de</i> <br /> <i>Transportes </i> <br /> <i>Mercedes</i></h2>
                            <p><i>El Placer de</i> <br /> <i>Viajar en Bus..!!</i></p>
                            <div class="da-img"><img src="../images/scania3.png" alt="image01" /></div>
                        </div>
                        <nav class="da-arrows">
                            <span class="da-arrows-prev"></span>
                            <span class="da-arrows-next"></span>		
                        </nav>
                    </div><!--/da-slider-->
                </div><!--/slider-->
                <!--=== End Slider ===-->

                <!-- Our Clients -->
                <div id="clients-flexslider" class="flexslider home clients">
                    <div class="headline"><h3>Nuestros Clientes</h3></div>	
                    <ul class="slides">
                        <li>
                            <a href="#">
                                <img src="../images/clients/hp_grey.png" alt="" /> 
                                <img src="../images/clients/hp.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/igneus_grey.png" alt="" /> 
                                <img src="../images/clients/igneus.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/vadafone_grey.png" alt="" /> 
                                <img src="../images/clients/vadafone.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/walmart_grey.png" alt="" /> 
                                <img src="../images/clients/walmart.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/shell_grey.png" alt="" /> 
                                <img src="../images/clients/shell.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/natural_grey.png" alt="" /> 
                                <img src="../images/clients/natural.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/aztec_grey.png" alt="" /> 
                                <img src="../images/clients/aztec.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/gamescast_grey.png" alt="" /> 
                                <img src="../images/clients/gamescast.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/cisco_grey.png" alt="" /> 
                                <img src="../images/clients/cisco.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/everyday_grey.png" alt="" /> 
                                <img src="../images/clients/everyday.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/cocacola_grey.png" alt="" /> 
                                <img src="../images/clients/cocacola.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/spinworkx_grey.png" alt="" /> 
                                <img src="../images/clients/spinworkx.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/shell_grey.png" alt="" /> 
                                <img src="../images/clients/shell.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/natural_grey.png" alt="" /> 
                                <img src="../images/clients/natural.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/gamescast_grey.png" alt="" /> 
                                <img src="../images/clients/gamescast.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/everyday_grey.png" alt="" /> 
                                <img src="../images/clients/everyday.png" class="color-img" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/clients/spinworkx_grey.png" alt="" /> 
                                <img src="../images/clients/spinworkx.png" class="color-img" alt="" />
                            </a>
                        </li>
                    </ul>
                </div><!--/flexslider-->
                <!-- //End Our Clients -->
            </ui:define>
        </ui:composition>
    </body>
</html>
